<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>layuimini-iframe版 v2 - 基于Layui的后台管理系统前端模板</title>
  <meta name="keywords" content="layuimini,layui,layui模板,layui后台,后台模板,admin,admin模板,layui mini">
  <meta name="description"
        content="layuimini基于layui的轻量级前端后台管理框架，最简洁、易用的后台框架模板，面向所有层次的前后端程序,只需提供一个接口就直接初始化整个框架，无需复杂操作。">
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta http-equiv="Access-Control-Allow-Origin" content="*">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="format-detection" content="telephone=no">
  <link rel="icon" href="images/favicon.ico">
  <link rel="stylesheet" href="lib/layui-v2.6.3/css/layui.css" media="all">
  <link rel="stylesheet" href="css/layuimini.css?v=2.0.4.2" media="all">
  <link rel="stylesheet" href="css/themes/default.css" media="all">
  <link rel="stylesheet" href="lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
  <!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
  <style id="layuimini-bg-color">
  </style>
</head>
<body class="layui-layout-body layuimini-all">
<div class="layui-layout layui-layout-admin">

  <div class="layui-header header">
    <div class="layui-logo layuimini-logo"></div>

    <div class="layuimini-header-content">
      <a>
        <div class="layuimini-tool"><i title="展开" class="fa fa-outdent" data-side-fold="1"></i></div>
      </a>

      <!--电脑端头部菜单-->
      <!--            <ul class="layui-nav layui-layout-left layuimini-header-menu layuimini-menu-header-pc layuimini-pc-show">-->
      <!--            </ul>-->

      <!--手机端头部菜单-->
      <!--            <ul class="layui-nav layui-layout-left layuimini-header-menu layuimini-mobile-show">-->
      <!--                <li class="layui-nav-item">-->
      <!--                    <a href="javascript:;"><i class="fa fa-list-ul"></i> 选择模块</a>-->
      <!--                    <dl class="layui-nav-child layuimini-menu-header-mobile">-->
      <!--                    </dl>-->
      <!--                </li>-->
      <!--            </ul>-->

      <ul class="layui-nav layui-layout-right">

        <li class="layui-nav-item" lay-unselect>
          <a href="javascript:;" data-refresh="刷新"><i class="fa fa-refresh"></i></a>
        </li>
        <li class="layui-nav-item" lay-unselect>
          <a href="javascript:;" data-clear="清理" class="layuimini-clear"><i class="fa fa-trash-o"></i></a>
        </li>
        <li class="layui-nav-item mobile layui-hide-xs" lay-unselect>
          <a href="javascript:;" data-check-screen="full"><i class="fa fa-arrows-alt"></i></a>
        </li>
        <li class="layui-nav-item layuimini-setting">
          <a href="javascript:;" id="username"></a>
          <dl class="layui-nav-child">
            <dd>
              <a href="javascript:;" layuimini-content-href="page/user-setting.html" data-title="基本资料"
                 data-icon="fa fa-gears">基本资料<span class="layui-badge-dot"></span></a>
            </dd>
            <dd>
              <a href="javascript:;" layuimini-content-href="page/user-password.html" data-title="修改密码"
                 data-icon="fa fa-gears">修改密码</a>
            </dd>
            <dd>
              <hr>
            </dd>
            <dd>
              <a href="javascript:;" class="login-out">退出登录</a>
            </dd>
          </dl>
        </li>
        <li class="layui-nav-item layuimini-select-bgcolor" lay-unselect>
          <a href="javascript:;" data-bgcolor="配色方案"><i class="fa fa-ellipsis-v"></i></a>
        </li>
      </ul>
    </div>
  </div>

  <!--无限极左侧菜单-->
  <div class="layui-side layui-bg-black layuimini-menu-left">
  </div>

  <!--初始化加载层-->
  <div class="layuimini-loader">
    <div class="layuimini-loader-inner"></div>
  </div>

  <!--手机端遮罩层-->
  <!--    <div class="layuimini-make"></div>-->

  <!-- 移动导航 -->
  <!--    <div class="layuimini-site-mobile"><i class="layui-icon"></i></div>-->

  <div class="layui-body">

    <div class="layuimini-tab layui-tab-rollTool layui-tab" lay-filter="layuiminiTab" lay-allowclose="true">
      <ul class="layui-tab-title">
        <li class="layui-this" id="layuiminiHomeTabId" lay-id=""></li>
      </ul>
      <div class="layui-tab-control">
        <li class="layuimini-tab-roll-left layui-icon layui-icon-left"></li>
        <li class="layuimini-tab-roll-right layui-icon layui-icon-right"></li>
        <li class="layui-tab-tool layui-icon layui-icon-down">
          <ul class="layui-nav close-box">
            <li class="layui-nav-item">
              <a href="javascript:;"><span class="layui-nav-more"></span></a>
              <dl class="layui-nav-child">
                <dd><a href="javascript:;" layuimini-tab-close="current">关 闭 当 前</a></dd>
                <dd><a href="javascript:;" layuimini-tab-close="other">关 闭 其 他</a></dd>
                <dd><a href="javascript:;" layuimini-tab-close="all">关 闭 全 部</a></dd>
              </dl>
            </li>
          </ul>
        </li>
      </div>
      <div class="layui-tab-content">
        <div id="layuiminiHomeTabIframe" class="layui-tab-item layui-show"></div>
      </div>
    </div>

  </div>
</div>
<script src="lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="js/lay-config.js?v=2.0.0" charset="utf-8"></script>
<script src="lib/jquery-3.4.1/jquery-3.4.1.min.js" crossorigin="anonymous"></script>
<script src="js/index.js" charset="utf-8"></script>
<script src="api/common.js" charset="utf-8"></script>
<script>
  layui.use(['jquery', 'layer', 'miniAdmin'], function () {
    var $ = layui.jquery,
      layer = layui.layer,
      miniAdmin = layui.miniAdmin
    // miniTongji = layui.miniTongji;

    if (localStorage.getItem('userInfo')) {
      var userInfo = JSON.parse(localStorage.getItem('userInfo'))
      console.log('userInfo', userInfo)
      $('#username').text('mt')
      var a = getMenu(userInfo.menuList)

      function getMenu(list) {
        list.map(item => {
          if (item.menuType !== 2) {
            // console.log('item', item)
            item.title = item.menuName
            item.href = item.menuPath
            item.icon = item.menuIcon
            item.target = "_self"
            if (item.childMenu.length > 0) {
              item.child = item.childMenu
              getMenu(item.childMenu)
            }
          }
        })
        return list
      }

      var obj = {
        homeInfo: {
          "title": "首页",
          "href": "page/welcome-1.html?t=1"
        },
        logoInfo: {
          "title": "后台管理系统",
          "image": "images/logo.png",
          "href": ""
        },
        menuInfo: [

          {child: [...a],
            href: "",
            icon: "fa fa-address-book",
            target: "_self",
            title: "常规管理"}
        ]
      }

      console.log('obj', obj)

      // var options = {
      //     iniUrl: userInfo.menuList,    // 初始化接口
      //     clearUrl: "api/clear.json", // 缓存清理接口
      //     urlHashLocation: true,      // 是否打开hash定位
      //     bgColorDefault: false,      // 主题默认配置
      //     multiModule: true,          // 是否开启多模块
      //     menuChildOpen: false,       // 是否默认展开菜单
      //     loadingTime: 0,             // 初始化加载时间
      //     pageAnim: true,             // iframe窗口动画
      //     maxTabNum: 20,              // 最大的tab打开数量
      // };
      //
      //
      // miniAdmin.render(options);
    }

    var options = {
      // iniUrl: "api/init.json",    // 初始化接口
      iniUrl: obj,    // 初始化接口
      clearUrl: "api/clear.json", // 缓存清理接口
      urlHashLocation: true,      // 是否打开hash定位
      bgColorDefault: false,      // 主题默认配置
      multiModule: true,          // 是否开启多模块
      menuChildOpen: false,       // 是否默认展开菜单
      loadingTime: 0,             // 初始化加载时间
      pageAnim: true,             // iframe窗口动画
      maxTabNum: 20,              // 最大的tab打开数量
    };


    miniAdmin.render(options);

    // 百度统计代码，只统计指定域名
    // miniTongji.render({
    //     specific: true,
    //     domains: [
    //         '99php.cn',
    //         'layuimini.99php.cn',
    //         'layuimini-onepage.99php.cn',
    //     ],
    // });
    getUserInfo()

    function getUserInfo(){
      $.ajax({
        type: 'GET',
        url: local+'user/details',
        data:{
          // username: data.username,
          // password: encrypt.encrypt(data.password),
        },
        dataType: "json",
        headers: {
          // "X-": $("input[name='A']").val()
          'Authorization': `Bearer ${localStorage.getItem("token")}`,
        },
        success: function (res) {//res为相应体,function为回调函数
          console.log('data', res)
          if(res.code === 200){

            if(res.data){
              // var userinfo = Base64.encode(JSON.stringify(res.data))
              localStorage.setItem('userInfo',JSON.stringify(res.data))
              // window.location = '../index.html';
            }

          }
          // console.log('data', data.data.token)

          // var alertIndex;
          // if (res.ResultCode === 0) {
          //     alert("成功！");
          //     //window.history.back()
          // }
          // getUserInfo()
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {
          layer.alert('操作失败！！！' + XMLHttpRequest.status + "|" + XMLHttpRequest.readyState + "|" + textStatus, { icon: 5 });
        }
      });
    }

    $('.login-out').on("click", function () {
      layer.msg('退出登录成功', function () {
        window.location = 'page/login-3.html';
      });
    });
  });
</script>
</body>
</html>
